<template>
  <div class="venus-list-page">
    <!--自定义资产模板管理界面-->
    <div class="page-search">
      <el-row type="flex" class="search-list">
        <el-row type="flex" class="list-items">
          <div class="venus-input-box">
            <label>模板名称</label>
            <el-input
              v-model="table.assdept_mod_table.mod_name"
              class="venus-input-middle"
              placeholder="请输入模板名称"
            />
          </div>
          <div class="venus-input-box">
            <label>资产一级分类</label>
            <el-select
              v-model="table.assdept_mod_table.cbc_type"
              class="venus-input-middle"
              placeholder="--请选择资产一级分类--"
              @change="cbc_change"
            >
              <el-option
                v-for="(value,key,index) in dict.cbcTypeItems"
                :key="index"
                :label="value"
                :value="key"
              />
            </el-select>
          </div>
          <div class="venus-input-box">
            <label>资产二级分类</label>
            <el-select
              v-model="table.assdept_mod_table.cbc_subtype"
              class="venus-input-middle"
              placeholder="--请选择资产二级分类--"
            >
              <el-option
                v-for="item in dict.cbcSubTypeItems"
                :key="item.itemkey"
                :label="item.itemval"
                :value="item.itemkey"
              />
            </el-select>
          </div>
        </el-row>
        <div class="venus-btn-box">
          <el-button type="primary" @click="search">查询</el-button>
          <el-button type="primary" @click="resetForm">重置</el-button>
          <el-button type="primary" @click="add">新增</el-button>
        </div>
      </el-row>
    </div>
    <!--    查询列表返显-->
    <div class="page-list">
      <el-row type="flex" justify="space-between" class="page-list-head">
        <div class="title">查询结果</div>
      </el-row>
      <table-pagination
        :dict-data="dict"
        :table-data="table.assdept_mod_table.tableData"
        :table-header-config="table.tableHeaderConfig"
        highlight-current-row
        :total="table.assdept_mod_table.total"
        :page-size="table.assdept_mod_table.limit"
        :now-page="table.assdept_mod_table.nowPage"
        @current-change="currentChange"
        :operation-config="table.operationConfig"
      />
    </div>
  </div>
</template>

<script>
  import * as kk from '../../../../../utils/k-utils'
  import request from '../../../../../utils/request'
  export default {
    name: 'M82001',
    data() { // 数据定义
      return {
        dict:{
          /*查询框字典字典*/
          cbcTypeItems: {}, // 资产一级分类
          cbcSubTypeItems: {}, // 资产二级分类
          /*表格字典*/
          cbc_type: {}, // 资产一级分类
          col_count: {} // 排列方式
        },
        /* 表格部分数据 */
        table: {
          tableHeaderConfig: [ // 表头配置
            {prop: 'mod_name', label: '模板名称'},
            {prop: 'cbc_type', label: '资产一级分类'},
            {prop: 'cbc_subtype_str', label: '资产二级分类'},
            {prop: 'col_count', label: '排列方式'}
          ],
          operationConfig: { // 表格操作配置
            fixed: 'right',
            width: 200,
            operationButton: [
              // 每一个操作。value:操作文字；func:回调函数
              {value: '修改', func: this.myModify},
              {value: '删除', func: this.myDelete},
              {value: '详情', func: this.myInfo}
            ]
          },
          assdept_mod_table:{ //表格数据
            total: 0,
            nowPage: 1,
            limit : 5,
            tableData: [], // 表格数据
            exeid:'M8205S001',//exeid
            mod_name: '', // 模板名称
            cbc_type: '', // 资产一级分类
            cbc_subtype: '' // 资产二级分类
          }
        }
      }
    },
    mounted() {
      // 初始化调用
      this.init()
    },
    methods: {
      init:function(){
        kk.k_load_dict(this,'cbcTypeItems','t8_zzyjfl_type');
        kk.k_load_dict(this,'cbc_type','t8_zzyjfl_type');
        kk.k_load_dict(this,'col_count','t8_col_count');
        this.table.assdept_mod_table.nowPage = 1 // 初始第一页
        kk.k_load_table(this, 'assdept_mod_table', 'custom');
      },
      cbc_change(){
        request({
          loading: true,
          url: 'custom/base/comn-query.json?exeid=M82001EQ001&cbc_type='+ this.table.assdept_mod_table.cbc_type,
          method: 'post'
        }).then(rep => {
          this['dict']['cbcSubTypeItems'] = rep.rows
        })
      },
      // 搜索框查找按钮
      search() {
        this.table.assdept_mod_table.nowPage = 1 // 初始第一页
        kk.k_load_table(this, 'assdept_mod_table', 'custom');
      },
      // 搜索框新增按钮
      add() {
        this.$router.push('M82001exAdd')
      },
      //表格修改按钮
      myModify(item, index) {
        this.$router.push('M82001exAdd')
      },
      //表格删除按钮
      myDelete(item, index) {
        var _this = this
        this.$confirm('确认删除吗?', '提示', {})
          .then(() => {
            _this.send_save('custom', 'M8205D001', item).then(rep => {
              _this.search()
            })
          })
          .catch(() => { /* 用户取消注销 */ })
      },
      //表格详情按钮
      myInfo(item, index) {
        this.$router.push('M82001exAdd')
      },
      // 发送保存
      send_save(service_name, exeid, params) {
        params.exeid = exeid
        return request({
          loading: true,
          url: service_name + '/base/comn-update.json',
          method: 'post',
          params: params
        })
      },
      //重置
      resetForm(item, index) {
        this.table.assdept_mod_table.mod_name='',
        this.table.assdept_mod_table.cbc_type='',
        this.table.assdept_mod_table.cbc_subtype=''
      },
      // 下一页触发的事件
      currentChange(index) {
        this.table.assdept_mod_table.nowPage = index // 初始第一页
        kk.k_load_table(this, 'assdept_mod_table', 'custom');
      },
    }
  }
</script>

<style scoped>
</style>
